<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商品详情</title>
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="/css/hf.css">
  <link rel="stylesheet" href="/css/nav.css">
  <link rel="stylesheet" href="/css/base.css">
  <link rel="stylesheet" href="/css/cart_detail.css">
</head>

<body>
  <header></header>
  <div class="nav"></div>


  <div class="container">
    <!-- 导航 -->
    <div class="first_nav">
      <ul>
        <li>
          <p>
            <a href="#">首页</a>
            <img src="../img/crumbs_arrow.png" alt="">
          </p>
        </li>
        <li>
          <p>
            <a href="#">饰品</a>
            <img src="../img/crumbs_arrow.png" alt="">
          </p>
        </li>
        <li>
          <p>
            <a href="#">钥匙扣/挂件</a>
            <img src="../img/crumbs_arrow_light.png" alt="">
          </p>
        </li>
      </ul>



    </div>

    <!-- 中间最难部分 -->
    <div class="product_show">
      <!-- //左边结构 -->
      <div class="ps_L">
        <!-- 左边的小图 -->
        <div class="psl_small">
          <span class="ps_S_up"></span>
          <div class="ps_img_m">
            <ul id="ps_img_list">
            
            </ul>
            <script type="text/html" id="smallImage"> 
              {{each smallImg item}}
              <li class="iiImg">
                <img src="{{item}}" alt="">
              </li>
              {{/each}}
            </script>
          </div>
          <span class="ps_S_down"></span>
        </div>
        <!-- 左边的中图 -->
        <div class="psl_big">
          <span class="ps_B_left"></span>
          <ul id="ps_b_B">
           <script type="text/html" id="bigImage">
            {{each bigImg item}}
            <li class="bLis">
              <img src="{{item}}" alt="">
            </li>
            {{/each}}
           </script>
          </ul>
          <span class="ps_B_right"></span>
        </div>
      </div>
      <!-- 右边结构 -->
      <div class="ps_R">
        <div id="psRR"></div>
        <script type="text/html" id="ps_R_P">
          <div>
            <p class="ps_name">{{@priceL.name}}</p>
            <p class="ps_english_name">{{@priceL.englishName}}</p>
          </div>
          <div>
            <p class="ps_price">￥{{@priceL.price}}</p>
          </div>
        </script>
        <!-- 商品加减 -->
        <div class="ps_ptps">
          <ul>
            <li> <span class="ps_num_jian"><img src="../img/jian.png" alt=""></span></li>
            <li> <input class="ps_num_input" type="text" value="1"></li>
            <li> <span class="ps_num_jia"><img src="../img/jia.png" alt=""></span></li>
          </ul>
        </div>
        <div class="ps_btns">
          <button class="ps_btn_bynew psbtns">立即购买</button><br>
          <button class="ps_btn_addcart psbtns">加入购物车</button>
        </div>
        <div class="ps_nonegou">
          <span class="psng_1"></span>
          <span class="psng_2">该商品已加入&nbsp;</span>
          <span class="psng_3"><a href="/html/shopping_cart.html">购物车</a></span>
          <span class="psng_4"></span>
        </div>
        <!-- 收藏 分享 -->
        <div class="scfx_all">
          <ul>
            <li>
              <span class="scfx_collect"></span>
              <p>收藏</p>
            </li>
            <li class="WWW">
              <span class="scfx_share"></span>
              <p>分享</p>
              <ul class="scfx_share_detail scfx_hover_detail" id="ps_yc">
                <li>
                  <a href="#"><img src="../img/share_weibo.png" alt=""></a>
                </li>
                <li>
                  <a href="#"><img src="../img/share_wechat.png" alt=""></a>
                </li>
                <li>
                  <a href="#"><img src="../img/share_qzone.png" alt=""></a>
                </li>
                <li>
                  <a href="#"><img src="../img/share_qq.png" alt=""></a>
                </li>
              </ul>
            </li>
            <li>
              <span class="scfx_time"></span>
              <p>发货时间</p>
              <div class="scfx_time_detail scfx_hover_detail">
                <p>2个工作日内发货；预售商品在预售截止日后5个工作日内发货</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="ps_shape_code">
          <p>
            <span>条形码：XXXXXXXXXX</span>
            <span>条形码：XXXXXXXXXX</span>
          </p>
          <p>
            <span>所属作品：XXXXXXXXXXXx</span>
          </p>
        </div>
      </div>
    </div>
    <!-- 下面详情 -->
    <div class="product_detail">
      <p class="pro_de">商品详情</p>
      <div class="pro_very_de">
        <p>Nintend任天堂官方正版授权周边产品，</p>
        <p>英国厂商Paladone获得任天堂授权制作全球发售。</p>
        <p>盲包样式，随机一款</p>
        <p>材料：塑胶</p>
        <p>尺寸：约3-7cm（因款式不同而异）</p>
        <p>挂圈：约5×3cm</p>
      </div>
      <p class="pro_fu">为你推存</p>
    </div>
    
  </div>

  <footer></footer>
</body>
<script src="/lib/requirejs/require.js" data-main="/js/product_detail"></script>
</html>